iT邦幫忙

2022 iThome 鐵人賽

DAY 20
0

https://ithelp.ithome.com.tw/upload/images/20221004/20116357EHQoDkthCj.jpg

在網站設計的規劃時,我們需要分割 2 個或多個域,這時候會利用到 WordPress 多重欄位 (Columns) 區塊,最多可以分割高達 6 個欄位,各個欄位所佔比例是允許調整的,你可以置入圖片、段落、表格、影片或其他大部分的區塊。


新增欄位區塊?

https://ithelp.ithome.com.tw/upload/images/20221004/20116357ZsgNunDm6g.png

  • 若要新增欄位區塊,請按一下「+ 區塊插入工具」圖示,然後搜尋「欄位」。按一下即可將區塊加入文章或頁面。
  • 你也可以用鍵盤在新的一行輸入 /columns,然後按 Enter 快速新增欄位區塊。

個別欄位設定

  • 寬度:設定所選個別欄位的寬度 (以像素為單位)。你可以變更寬度值,讓欄位更寬或更窄。不同欄位的寬度值不一定要相同。

  • 顏色:這些設定可讓你設定單一欄位的文字和背景顏色。

  • 尺寸:設定個別欄位的邊框間距,如上所述。

  • 進階:進階分頁可讓你在區塊加入 CSS 類別,透過編寫自訂 CSS 來設定區塊樣式。


個別欄位設定

  • 你可以新增或移除欄位,也能變更欄位顏色。若要執行此類操作,請務必分辨清楚整體欄位區塊以及整體區塊內的個別欄位。

  • 若你正在編輯個別欄位,就需要先選取整體欄位區塊才能變更顏色和欄數。你可以透過以下幾種方式選取整體欄位區塊:


上一篇
19 | WordPress 多重按鈕群組 (Button Group) 區塊組合
下一篇
21 | WordPress 重要引述 (Pullquote) 區塊組合
系列文
WordPress 區塊編輯器 | 多區塊組合應用技巧 | [進階應用]30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言